<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.a {
				background-color: #FFFFFF;
				color: #2361B4;
				width: 200px;
				height: 50px;
				position: absolute;
				top: 40px;
				left: 700px;
			}

			.b {
				background-color: #2361B4;
				color: #FFFFFF;
				width: 200px;
				height: 50px;
				position: absolute;
				top: 40px;
				left: 907px;
			}

			.c {
				border: 1px #ffffff solid;
				background-color: #FFFFFF;
				width: 700px;
				height: 500px;
				position: absolute;
				top: 90px;
				left: 700px;
			}
			.d{
				
				border-left: #D8D8D8 dashed;
				background-color: #FFFFFF;
				position: absolute;
				width: 350px;
				height: 500px;
				top: 90px;
				left: 1400px;
			}
			.e{
				position: absolute;
				width: 360px;
				height: 40px;
				top: 40px;
				left: 50px;
				text-align: center;
				color:#B4B4B4;
			}
			.f{
				position: absolute;
				width: 180px;
				height: 40px;
				top: 120px;
				left: 50px;
				text-align: center;
				color: #B4B4B4;
			}
			.g{
				position: absolute;
				width: 360px;
				height: 40px;
				top:200px;
				left: 50px;
				
			}
			.c>span{
				position: absolute;
				top:500px;
			}
			.h{
				position: absolute;
				top:210px;
				left: 430px;
				color: #B4B4B4;
			}
			.l{
				position: absolute;
				top:270px;
				left: 120px;
			}
			.i{
				position: absolute;
				top: 268px;
				left: 145px;
			}
			.j{
				position: absolute;
				top: 268px;
				left: 180px;
			}
			.k{
				position: absolute;
				background-color: #55ABE8;
				width: 200px;
				height: 50px;
				color: #FFFFFF;
				top: 340px;
				left: 100px;
			}
			.m{
				position: absolute;
				background-color: #55ABE8;
				white-space: ;
				color: #FFFFFF;
				width: 200px;
				height: 50px;
				top:50px;
				left: 65px;
			}
			#aa{
				position: absolute;
				background-image: url(../img/login-input4.png);
				background-repeat: no-repeat;
				width: 400px;
				height:200px;
				top:57px;
				left:60px;
			}
			#bb{
				position: absolute;
				background-image: url(../img/login-input3.png);
				background-repeat: no-repeat;
				width: 100px;
				height: 100px;
				top: 133px;
				left: 60px;
			}
			#cc{
				position: absolute;
				background-image: url(../img/login-input2.png);
				background-repeat: no-repeat;
				width: 400px;
				height: 200px;
				top:215px;
				left: 60px;
			}
			.dd{
				width: 180px;
				height: 42px;
				color: #FFFFFF;
				position: absolute;
				background-color: #B4B4B4;
				top: 122px;
				left: 250px;
				
			}
		</style>
	</head>
	<body>
		<div>
			<img src="../img/reg-mobile.jpg">
			<input class="a" type="button" value="手机注册" />
			<input class="b" type="button" value="邮箱注册" />
			<div class="c">
				
				<form>
					
					<input class="e" type="tel" value="请输入你的常用手机号" /></span><br /><br />
					<span id="aa"></span>
					<input class="f" type="text" value="6位短信验证码" maxlength="6" min="6" /><br /><br />
					<span id="bb"></span>
					<input class="g" type="password"  /><span class="h">6-16位字符或数字.字母区分大小写</span><br /><br />
					<span id="cc"></span>
					<input class="l" type="checkbox" /><span class="i">同意</span><a class="j" href="#">用户服务条款</a><br /><br />
					<input class="k" type="submit" value="注册" />
					<input class="dd" type="button" value="获取验证码" />
				</form>
				
			</div>
			<div class="d">
				<form action="" method="">
					<input class="m" type="submit" value="已有账号，马山登录" />
				</form>
                
			</div>
		</div>
	</body>
</html>
